<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.2/css/bootstrap-grid.css" rel="stylesheet"> -->
    <link rel="stylesheet" href="CSS/public.css">
    <link rel="stylesheet" href="CSS/TaskPlann.css">
    <link rel="stylesheet" href="CSS/page.css">
    <script src="js/jquerymin.js"></script>




</head>

<body>
    <div class="TOP">
        <div>
            <h1>渔业管理系统</h1>
        </div>
        <ul class="nav">
            <li> <a href="index.html"> IS控制台</a></li>
            <li><a href="TaskPlann.html"> 计划任务管理</a></li>
            <li><a href="DataResource.html"> 生产主体库</a></li>
            <li><a href="#"> 命名管理</a></li>
            <li><a href="#"> 基础信息管理</a></li>
            <li><a href="System.html"> 系统管理</a></li>
        </ul>
        <div class="admin">
            <span><img src="img/用户.png" alt="" width="40" height="40"></span>
            <div class="admin_user">区级信息管理员：admin </div>
            <span><img src="img/下箭头.png" alt="" width="13" height="13"></span>
        </div>
    </div>


    <div class="Left">
        <ul class="list">
            <li id="ccc"> <i><img src="img/日志.png" width="20" height="20"></i> 计划任务表</li>
            <li id="hide"> <i><img src="img/日志记录.png" width="20" height="20"></i> 我的任务</li>
            <ul class="list-page-ul" style="height: 0px;">
                <li>任务列表</li>
                <li>我的数据</li>
                <li>审核不通过待修改</li>
            </ul>

            <li id="hide"> <i><img src="img/日志管理.png" width="20" height="20"></i> 数据审核</li>
            <ul class="list-page-ul" style="height: 0px;">
                <li>所有数据</li>
                <li>待审核数据</li>
                <li>不通过再审核</li>
            </ul>
        </ul>


    </div>


    <!-- 第一块内容 -->
    <div class="main">
        <div class="main_p">
            <p> <span>渔业资源管理系统</span> <i>/</i> <span>计划任务管理</span> <i>/</i> <span>计划任务管理</span> </p>
        </div>

        <div class="query">
            <form id="form_query" action="">
                <label for="">任务名称</label>
                <div class="sz_box"><input type="text" placeholder="请输入"><span class="span"><span>0</span>/20</span>
                </div>
                <label for="">任务状态</label>
                <input type="text" placeholder="个体户">


                <button class="query_btn">查询</button>
                <button class="reset">重置</button>
            </form>

        </div>

        <div class="info_box">
            <div class="table">
                <div class="header">
                    <ul class="hope_ul">
                        <li>ID</li>
                        <li>任务计划名称</li>
                        <li>开始时间</li>
                        <li>结束时间</li>
                        <li>任务状态</li>
                        <li>计划要求</li>
                    </ul>
                    <div id="th">
                        <button id="ceragebtn">创建计划任务</button>
                    </div>

                </div>

            </div>

            <!-- <div class="table2">
                <div class="content">
                    <ul>
                        <li>458</li>
                        <li>数据采集09031233</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>已发布</li>
                        <li>数据采集</li>
                    </ul>
                    <div id="hope"> <span>发布</span> <span>撤回</span> <span>查看</span> <span>编辑</span> </div>
                </div>

            </div> -->
            <!-- <div class="table2">
                <div class="content">
                    <ul>
                        <li>458</li>
                        <li>数据采集09031233</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>已发布</li>
                        <li>数据采集</li>
                    </ul>
                    <div id="hope"> <span>撤回</span> <span>查看</span> <span>编辑</span> </div>
                </div>

            </div>
            <div class="table2">
                <div class="content">
                    <ul>
                        <li>458</li>
                        <li>数据采集09031233</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>已发布</li>
                        <li>数据采集</li>
                    </ul>
                    <div id="hope"> <span>撤回</span> <span>查看</span> <span>编辑</span> </div>
                </div> -->

            <!-- </div> -->





        </div>


        <!--  下面的按钮 -->
        <div class="page_btn_box">
            <div class="sum">
                <span> 共 <span id="sum"> </span> 条 </span>
            </div>
            <select name="" id="strip">

                <option selected value="10"> <span>10</span>条/页</option>
                <option value="5"> <span>5</span> 条/页</option>
                <option value="10"> <span>10</span>条/页</option>
                <option value="20"> <span>20</span>条/页</option>
                <option value="50"> <span>50</span>条/页</option>

            </select>
            <button id="getbtn_up">上</button>
            <ul class="listbtn"> </ul>
            <button id="get_down">下</button>
            <span>前往</span>
            <input class="text_page" type="text" id="text_page">
            <span>页</span>



        </div>

    </div> <!-- main -->



    <!-- 第二块内容 -->

    <div class="main" style="display: none; margin-top: 25px;">
        <div class="main_p">
            <p> <span>渔业资源管理系统</span> <i>/</i> <span>计划业务管理</span> <i>/</i> <span>我的任务</span><i>/</i> <span>任务列表</span>
            </p>
        </div>

        <div class="query">
            <form id="form_query" action="">
                <label for="">任务名称</label>
                <div class="sz_box"><input type="text" placeholder="请输入"><span class="span"><span>0</span>/20</span>
                </div>
                <label for="">任务状态</label>
                <input type="text" placeholder="个体户">


                <button class="query_btn">查询</button>
                <button class="reset">重置</button>
            </form>

        </div>

        <div class="info_box">

            <div class="task"><button>创建计划任务</button> </div>
            <div class="table">
                <div class="header">
                    <ul class="hope_ul_task">
                        <li>任务计划名称</li>
                        <li>开始时间</li>
                        <li>结束时间</li>
                        <li>任务状态</li>
                        <li>计划要求</li>
                        <li>操作</li>
                    </ul>
                </div>

            </div>

            <div class="table2">
                <div class="content-task">
                    <ul>
                        <li>里水镇采集</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>已发布</li>
                        <li>数据采集</li>
                        <li>查看</li>
                    </ul>

                </div>

            </div>
            <div class="table2">
                <div class="content-task">
                    <ul>
                        <li>南海渔业采集采集</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>2021-09-03 12:33:00</li>
                        <li>已发布</li>
                        <li>要仔细核对XXX</li>
                        <li>查看</li>
                    </ul>

                </div>

            </div>



        </div>


        <!--  下面的按钮 -->
        <div class="page_btn_box">
            <div class="sum">
                <span> 共 <span> 10 </span> 条 </span>
            </div>
            <select name="" id="">

                <option selected>10条/页</option>
                <option value="1"> 5条/页</option>
                <option value="2"> 10条/页</option>
                <option value="3"> 20条/页</option>
                <option value="4"> 50条/页</option>

            </select>
            <!-- <button id="getbtn_up">
                <</button> -->
            <ul class="listbtn">
                <li><b>1</b> </li>
                <li><b>2</b> </li>
                <!-- <li><b>3</b> </li>  
                    <li><b>4</b> </li>
                    <li><b>5</b> </li>
                    <li><b>6</b> </li> -->
            </ul>

            <!-- <button id="get_down">> </button> -->


            <span>前往</span>
            <input class="text_page" type="text">
            <span>页</span>

        </div>

    </div> <!-- main -->



    <!-- 第三块内容 -->

    <div class="main" style="display: none;margin-top: 25px;">
        <div class="main_p">
            <p> <span>渔业资源管理系统</span> <i>/</i> <span>计划业务管理</span> <i>/</i> <span>数据审核</span><i>/</i> <span>所有数据</span>
            </p>
        </div>
        <div class="query">
            <form id="form_query" action="">
                <label for="">任务名称</label>
                <div class="sz_box"><input type="text" placeholder="请输入"><span class="span"><span>0</span>/20</span>
                </div>
                <label for="">任务状态</label>
                <input type="text" placeholder="个体户">
                <label for="">镇街</label>
                <input type="text" placeholder="请输入">
                <label for="">村居</label>
                <input type="text" placeholder="请输入">
                <button class="query_btn">查询</button>
                <button class="reset">重置</button>
            </form>
        </div>
        <div class="info_box">
            <div class="examine_box">
                <div class="card">
                    <div class="filter">
                        <input type="text" placeholder="输入关键字进行过滤">
                        <button>搜索</button>
                    </div>
                    <div class="card-content">
                        <h3>请选择任务</h3>
                        <!-- <div class="active">
                            <div>1-九江镇计划1/7807</div>
                            <button>未选中</button>
                        </div>
                        <div class="active">
                            <div>1-九江镇计划1/7807</div>
                            <button>未选中</button>
                        </div> -->
                    </div>
                </div>
                <table cellspacing="0" cellpadding="20" class="surface" id="table">
                    <thead>
                        <tr>
                            <th><input type="checkbox"> </th>
                            <th>图斑ID</th>
                            <th>所在任务</th>
                            <th>地塘块命名</th>
                            <th>镇街</th>
                            <th>村居</th>
                            <th>面积</th>
                            <th>采集状态</th>
                            <th>审核状态</th>
                            <th>审批人</th>
                            <th>审核事件</th>
                            <th>批量处理</th>
                        </tr>
                    </thead>
                    <tbody id="tbody">
                        <!-- <tr>
                            <td><input type="checkbox"> </td>
                            <td>NHQ29835</td>
                            <td>九江镇计划</td>
                            <td> 九江镇-河清村-鱼塘-1 </td>
                            <td> 九江镇 </td>
                            <td> 河清村 </td>
                            <td>6.9105</td>
                            <td>未采集</td>
                            <td> 初始状态 </td>
                            <td></td>
                            <td></td>
                            <td> 审核</td>

                        </tr> -->
                    </tbody>
                 
                   

                </table>




            </div>
            <!--  下面的按钮 -->
            <div class="page_btn_box" >
                <div class="sum">
                    <span> 共 <span id="sum_3"> </span> 条 </span>
                </div>
                <select name="" id="strip_1">

                    <option selected value="10"> <span>10</span>条/页</option>
                    <option value="5"> <span>5</span> 条/页</option>
                    <option value="10"> <span>10</span>条/页</option>
                    <option value="20"> <span>20</span>条/页</option>
                    <option value="50"> <span>50</span>条/页</option>
    
                </select>

                <div style="text-align: center;margin:250px auto; display: flex;">

                    <div id="pager" class="pager clearfix"> </div>

                </div>
                <div>跳转<input type="text" id="Jump_2">页</div>
                

            </div>
            <!-- <div class="page_btn_box">
                <div class="sum">
                    <span> 共 <span> 3 </span> 条 </span>
                </div>
                <select name="" id="">
                    <option selected>10条/页</option>
                    <option value="1"> 5条/页</option>
                    <option value="2"> 10条/页</option>
                    <option value="3"> 20条/页</option>
                    <option value="4"> 50条/页</option>
                </select>

                <ul class="listbtn">
                    <li><b>1</b> </li>
                </ul>


                <span>前往</span>
                <input class="text_page" type="text">
                <span>页</span>

            </div> -->

        </div>








    </div> <!-- main -->

    <!-- 创建任务 -->
    <div class="mimicry" style="display: none" id="minicry">
        <div id="lowpasswordbox">
            <h2>计划任务管理</h2>
            <ul class="listpos">
                <li><i>*</i><span>计划任务</span><input type="text" minlength="0" maxlength="20"><span id="span2"> </li>
                <li><i>*</i><span>采集时间</span><input type="datetime-local" placeholder="采集任务开始时间">
                    <div class="xian"></div><input type="datetime-local" placeholder="采集任务结束时间">
                </li>
                <li><i>*</i><span>采集区域</span><input type="text" placeholder="请选择"> <button class="all">全选</button></li>
            </ul>
            <p>采集要求</p>
            <textarea name="" id="" cols="100" rows="3"></textarea>
            <div class="file-box"><input class="file" type="file" accept="image/*">
                <div>+</div>
            </div>
            <button id="getclear">保存计划任务</button>
        </div>
    </div>




    <!-- 创建任务 -->



    <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <script src="js/jquerymin.js"></script>
    <script src="js/jquery.z-pager.js"></script>
    <script src="js/axios.js"></script>
    <script src="api/api.js"></script>
    <script src="JS/TaskPlann.js"></script>
</body>

</html>